﻿@charset "utf-8";
.index_body{background-color:#dcdcdc;}
.banner{width: 100%;height: 396px;overflow: hidden;position: relative;}
.banner ul li{ height:396px; float:left;}
.banner_image{position: absolute;top: 0;left: 50%;margin-left: -960px;}
.li_d{position: absolute;margin: 0 auto;margin-top: -23px;left: 48%;}
.li_a{ width:13px; height:13px; background-color:#666;display: inline-block;opacity: 0.8;margin: 0 6px;}
.li_on{ width:13px; height:13px; background-color:#fff;display: inline-block;}
.index_new_box{ background:url(../images/index_newbg.jpg) repeat-x; height:34px; line-height:34px;box-shadow:#999 0px 1px 16px; }
.index_new{ width:980px; margin:0 auto;}
.index_new_t{ font-size: 13px;
font-weight: bold;
color: #bb0000;
float: left;}
.index_text{color:#666;font-size:12px;}
.index_text:hover{ text-decoration:underline; color:#333;}
.index_more{ color:#1240ab;font-size:12px;}
.index_more:hover{ text-decoration:underline; color:#1240ab;}
.index_mid{ width:980px; margin:0 auto;overflow: hidden; margin-bottom:10px;}
.index_mid_c{ width:476px; height:168px; background:url(../images/index_midbg.jpg) repeat-x;border-bottom: 1px solid #ccc;}
.index_m1{margin:20px 20px 20px 0;}
.index_m2{ margin:10px 0;}
.index_m3{margin:0 20px 0 0;}
.index_m4{margin:0;}
.index_mid_h2{ margin:12px 20px; color:#1240ab;font-size: 16px;font-family:"微软雅黑" ;}
.index_mid_h3 a{ margin:0 20px 2px; font-size:15px; display:block; font-weight:bold;}
.index_mid_h3 a:hover{color:#000; text-decoration:underline;}
.index_mid_text{ margin:10px 20px; color:#666; font-size:12px;}
.index_mid_a{position:absolute;margin-top:150px; margin-left:158px;*margin-left:-250px;z-index:1}
.ipicnew1{ background:url(../images/ipicnew1.png) no-repeat; height:12px; width:6px;display: block;float:left;margin-right: 6px;}
.ipicnew2{ background:url(../images/ipicnew2.png) no-repeat;height:12px; width:6px;display: block; float:left;}
.mid_left{ float:left;width: 298px;height: 154px;}
.mid_right img{ float:left;}
.txtScroll-top{text-align: left;position: absolute;margin-left: 75px;}


        /* 本例子css */
        .slideBox .hd {
            height: 15px;
            overflow: hidden;
            position: absolute;
            right: 48%;
            bottom: 5px;
            z-index: 1;
        }

            .slideBox .hd ul {
                overflow: hidden;
                zoom: 1;
                float: left;
            }

                .slideBox .hd ul li {
                    float: left;
                    margin-right: 2px;
                    width: 15px;
                    height: 15px;
                    line-height: 14px;
                    text-align: center;
                    background: #fff;
                    cursor: pointer;
                }

                    .slideBox .hd ul li.on {
                        background: #f00;
                        color: #fff;
                    }

        .slideBox .bd {
            position: relative;
            height: 100%;
            z-index: 0;
        }

            .slideBox .bd li {
                zoom: 1;
                vertical-align: middle;
            }

        /* 下面是前/后按钮代码，如果不需要删除即可 */
        .slideBox .prev,
        .slideBox .next {
            position: absolute;
            left: 3%;
            top: 50%;
            margin-top: -25px;
            display: block;
            width: 32px;
            height: 40px;
            background: url(images/slider-arrow.png) -110px 5px no-repeat;
            filter: alpha(opacity=50);
            opacity: 0.5;
        }

        .slideBox .next {
            left: auto;
            right: 3%;
            background-position: 8px 5px;
        }

            .slideBox .prev:hover,
            .slideBox .next:hover {
                filter: alpha(opacity=100);
                opacity: 1;
            }

        .slideBox .prevStop {
            display: none;
        }

        .slideBox .nextStop {
            display: none;
        }

        ; .index_mid_a {
            overflow: hidden;
            height: 30px;
            background: #f4f4f4;
            padding: 0 10px;
        }

        .index_mid_a .prev, .next {
            display: block;
            width: 5px;
            height: 9px;
            float: right;
            margin-right: 5px;
            margin-top: 10px;
            overflow: hidden;
            cursor: pointer;
            background: url("{PE.SiteConfig.SkinPath/}images/arrow.png") no-repeat;
        }

        .index_mid_a .next {
            background-position: 0 -50px;
        }

        .index_mid_a .prevStop {
            background-position: -60px 0;
        }

        .index_mid_a .nextStop {
            background-position: -60px -50px;
        }

        .index_mid_a ul {
            float: right;
            overflow: hidden;
            zoom: 1;
            margin-top: 10px;
            zoom: 1;
        }

            .index_mid_a ul li {
                float: left;
                width: 9px;
                height: 9px;
                overflow: hidden;
                margin-right: 5px;
                text-indent: -999px;
                cursor: pointer;
                background: url("{PE.SiteConfig.SkinPath/}images/icoCircle.gif") 0 -9px no-repeat;
            }

                .index_mid_a ul li.on {
                    background-position: 0 0;
                }
